import Vue from "vue"
import VueRouter from "vue-router"
import MyAbouts from "@/views/abouts.vue"
import MyContacts from "@/views/contacts.vue"
import UiRouter from "@/views/ui-router.vue"
import MyAlice from "@/views/alice.vue"
import MyBob from "@/views/bob.vue"
import AllContains from "@/views/all-contains.vue"
import MyBlog from "@/views/blog.vue"
import MyFax from "@/views/fax.vue"
Vue.use(VueRouter)
const router = new VueRouter({
    routes: [
        { path: '/', redirect: '/ui-routerc' },
        { path: '/abouts', component: MyAbouts },
        {
            path: '/contacts',
            component: MyContacts,
            children: [
                { path: 'alice', component: MyAlice },
                {
                    path: 'bob',
                    component: MyBob,
                    children: [
                        { path: 'blog', component: MyBlog },
                        { path: 'fax', component: MyFax },
                    ]
                },
                { path: 'allcontains', component: AllContains},
            ]
        },
        { path: '/ui-router',component: UiRouter},
    ]
})
export default router